<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 								
	<head> 							
		<%@ include file="../jslib/jquerylib.jsp" %>
	    <script type="text/javascript" src="<%=request.getContextPath() %>/jslib/lhgdialog/lhgcore.lhgdialog.min.js?skin=mac"></script>
	     <script type='text/javascript' src="<%=request.getContextPath() %>/jslib/My97DatePicker/WdatePicker.js" defer="defer"></script>
        <link href="<%=request.getContextPath() %>/web/style/layout.css" type="text/css" rel="stylesheet"/>
        <link rel="stylesheet" href="<%=request.getContextPath() %>/jslib/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css"/>
        <script type="text/javascript" src="<%=request.getContextPath() %>/jslib/ztree/jquery.ztree.core-3.4.js"></script>
	       <!-- 删除结果信息返回 -->
	    	<c:if test="${requestScope.message!=null}">
				<script type="text/javascript">
	  	 		     alert('<c:out value="${requestScope.message}"></c:out>');
	  	 		     window.close();
	  			</script>
	        </c:if>
	 
	<script type="text/javascript">
	$(document).ready(function(){
			
					$("#gridTable").jqGrid({
						url:'<%=request.getContextPath() %>/equipmentParts!queryDataList.action',
						datatype: "json",
						height: 500,
						width: 710, 
						autowidth: true, 
						colNames:['序号','仓库名称（部门）','备件代码','备件名称','备件属性','备件等级','规格型号','品牌','供应商','平均价格',
									'平均采购周期','最大库存','最小库存','实际库存','库存状态提醒','计量单位','存放地点','备注'],
						colModel:[
								{name:'id',index:'id', width:100, key:true,hidden:true,hidedlg:true}, 
								{name:'epStorehouse',index:'epStorehouse', width:100},
								{name:'epCode',index:'epCode', width:120},	
								{name:'epName',index:'epName', width:100},								
								{name:'epProperty',index:'epProperty', width:100},
								{name:'epLevel',index:'epLevel', width:100,hidden:true},
								{name:'epGuige',index:'epGuige', width:100},
								{name:'epBrand',index:'epBrand', width:100,hidden:true},
								{name:'epSupplier',index:'epSupplier', width:110},
								{name:'epAverageprice',index:'epAverageprice', width:60},
								{name:'epCycle',index:'epCycle', width:100,hidden:true},
								{name:'epMaxstock',index:'epMaxstock', width:60,editable:true,edittype:'text'},
								{name:'epMinstock',index:'epMinstock', width:60},
								{name:'epActualstock',index:'epActualstock', width:60,classes:'biaohong'},
								{name:'epStockstate',index:'epStockstate', width:100,hidden:true},
								{name:'epMeasurementunit',index:'epMeasurementunit', width:100,hidden:true},
								//{name:'epApplicableequipment',index:'epApplicableequipment', width:100,hidden:true},
								//{name:'epApplicableequipmentid',index:'epApplicableequipmentid', width:100,hidden:true},	
								{name:'epStoragelocation',index:'epStoragelocation', width:100,hidden:true}	,
								{name:'epRemark',index:'epRemark', width:100,hidden:true}	
		
					],
					shrinkToFit:false,
					sortname:'epCode',
					sortorder:'desc',
					viewrecords:true,
					multiselect: true, // 是否显示复选框
					multiboxonly : true, 
					//gridview: true,  //提升速度
					rownumbers: true,//显示行号
					rownumWidth: 30, //行号的宽度
					rowNum:15,
					rowList:[15,20,50,400,510],
					toolbar: [false,"top"],
					loadComplete: function() {
						var ids = jQuery("#gridTable").getDataIDs();
				        if(ids.length<20){
				        	 jQuery("#gridTable").jqGrid('setGridHeight',390); 

				        }else{
				        	 jQuery("#gridTable").jqGrid('setGridHeight',ids.length*24); 
				        	 parent.document.getElementById("mainframe").height=ids.length*24+410; 
				        }
				        //var n = jQuery("#gridTable").getGridParam('records'); 
         		        for(i=0;i<ids.length;i++){
         		        	var data =jQuery("#gridTable").getRowData(ids[i]); 
         		        	var min=data.epMinstock-0;
         		        	var act=data.epActualstock-0;
         		        	if(min>=act){
								$("#"+ids[i]).find(".biaohong").css("background-color", "red"); 
							}
         		        }
					},
					jsonReader: {
						root:"rows",		// 数据行（默认为：rows）
						page: "page",  	// 当前页
						total: "total",  // 总页数
						records: "records",  // 总记录数
						repeatitems : false		// 设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
					},
					prmNames:{rows:"rows",page:"page",sort:"sidx",order:"sord",search:"search"},
					pager:"#gridPager",
					caption: "设备备件台账"
			});
			    $("#consoleDlg").dialog({
			        autoOpen: false,      
			        modal: true,    // 设置对话框为模态（modal）对话框  
			        resizable: true,      
			        width: 700,  
			        buttons: {  // 为对话框添加按钮  
			            "关闭": function() {$("#consoleDlg").dialog("close")}
			        }  
			    }); 
				 jQuery("#gridTable").jqGrid('navGrid','#gridPager',{add:false,edit:false,del:false,search:false,refresh:false});
					jQuery("#gridTable").jqGrid('navButtonAdd','#gridPager',
								{ 	
								caption: "",                          
								onClickButton : function (){                               
								jQuery("#gridTable").jqGrid('setColumns');                           
								}
					}); 
								doResize(); 
							//	afterCompleteFunction();										
	}); 
	
	//执行大小
	function doResize() { 
		var ss = getPageSize(); 
		//alert(ss.WinH);
		
			 $("#gridTable").jqGrid('setGridHeight', ss.WinH-245);
			 $("#gridTable").jqGrid('setGridWidth', ss.WinW-30); 
			} 
	
	//申请入出库
	function updateE(){
		var ids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
		if (!ids) {
		    alert("请先选择记录!");  
		    return false;  
		}
		if(ids.indexOf(",")!=-1){
			  alert("只能选择一条记录!");  
		        return false; 
		}
		var row = jQuery("#gridTable").jqGrid('getRowData',ids);//获取选中行.
		var id = row.id;//获取选中行的id属性.
		$.dialog({
	        title: '出/入库申请',
	        content: 'url:'+ '<%=request.getContextPath() %>/testAction!queryDataById.action?id='+id,
	        okVal: false,//确定按钮文字
	        cancelVal: false,//取消按钮文字
	        min: true, //是否显示最小化按钮
	        max: false,//是否显示最大化按钮
	        fixed: false,//开启静止定位
	        lock: true,//开启锁屏
	        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
	        time: null,//设置对话框显示时间
	        resize: true,//是否允许用户调节尺寸
	        drag: true,//是否允许用户拖动位置
	        cache: false,//是否缓存iframe方式加载的窗口内容页
	        width: '500px',
	        height:  500
		});
	 		}
		
		//查询
		function gridSearch(){
			var epName = $.trim(jQuery("#epName").val());
            var epCode = $.trim(jQuery("#epCode").val());
            var choose = $.trim(jQuery("#choose").val()); 
            var params = {  
                        "epCode" : encodeURIComponent(epCode),                           
                        "epName" : encodeURIComponent(epName),
                        "choose" : encodeURIComponent(choose)                                   
                        }
            var postData = $("#gridTable").jqGrid("getGridParam", "postData");
            $.extend(postData, params);
			jQuery("#gridTable").jqGrid('setGridParam',
			{
				url:'<%=request.getContextPath() %>/equipmentParts!queryDataList.action'
			}).trigger("reloadGrid", [{page:1}]);
        } 
       
		//刷新
		function refreshIt(){
			reset();
			gridSearch();
		}
		//清空
		function reset(){
			jQuery("#epName").val("");
			jQuery("#epCode").val("");
		}
		
		function Recorder(){
			
		}
		//查看
		function chakan(){
			var ids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
			if (!ids) {
			    alert("请先选择记录!");  
			    return false;  
			}
			if(ids.indexOf(",")!=-1){
				  alert("只能选择一条记录!");  
			        return false; 
			}
			var row = jQuery("#gridTable").jqGrid('getRowData',ids);//获取选中行.
			var id = String(row.id);//获取选中行的id属性.
			$.dialog({
		        title: '备件详细信息查看',
		        content: 'url:'+ '<%=request.getContextPath() %>/equipmentParts!queryDataById.action?id='+id,
		        okVal: false,//确定按钮文字
		        cancelVal: false,//取消按钮文字
		        min: true, //是否显示最小化按钮
		        max: false,//是否显示最大化按钮
		        fixed: false,//开启静止定位
		        lock: true,//开启锁屏
		        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
		        time: null,//设置对话框显示时间
		        resize: true,//是否允许用户调节尺寸
		        drag: true,//是否允许用户拖动位置
		        cache: false,//是否缓存iframe方式加载的窗口内容页
		        width: '900px',
		        height: 680
			});
			
			
		}
		//修改
		function updateEP(){
			var ids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
			if (!ids) {
			    alert("请先选择记录!");  
			    return false;  
			}
			if(ids.indexOf(",")!=-1){
				  alert("只能选择一条记录!");  
			        return false; 
			}
			var row = jQuery("#gridTable").jqGrid('getRowData',ids);//获取选中行.
			var id = String(row.id);//获取选中行的id属性.
			$.dialog({
		        title: '备件信息修改',
		        content: 'url:'+ '<%=request.getContextPath() %>/equipmentParts!updateDataById.action?id='+id,
		        okVal: false,//确定按钮文字
		        cancelVal: false,//取消按钮文字
		        min: true, //是否显示最小化按钮
		        max: false,//是否显示最大化按钮
		        fixed: false,//开启静止定位
		        lock: true,//开启锁屏
		        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
		        time: null,//设置对话框显示时间
		        resize: true,//是否允许用户调节尺寸
		        drag: true,//是否允许用户拖动位置
		        cache: false,//是否缓存iframe方式加载的窗口内容页
		        width: '930px',
		        zIndex: 2945,
		        height: 680,
		        close: function(){
	        	gridSearch();
		    }
		
			});
			
			
		}
		//导出
		function expExcel(){

			var colNames = jQuery("#gridTable").jqGrid('getGridParam','colNames');
			var titleNames ="";
			var fieldsNames ="";
			for(var i=2;i<colNames.length;i++){
			titleNames+=colNames[i]+",";
			} 
			titleNames = encodeURIComponent(titleNames);
			var colModel = jQuery("#gridTable").jqGrid('getGridParam','colModel');
			for(var i=2;i<colModel.length;i++){
			fieldsNames+=colModel[i]["name"]+",";
			} 
			fieldsNames = encodeURIComponent(fieldsNames);
			$('#form1').attr("action","<%=request.getContextPath() %>/equipmentParts!exportExcel.action?titleNames="+titleNames+"&fieldsNames="+fieldsNames);
			$('#form1').submit();
		}
		//入库
		function ruku(){
			var epids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
			if (!epids) {
			    alert("请先选择记录!");  
			    return false;  
			}
		//	if(epids.indexOf(",")!=-1){
		//		  alert("只能选择一条记录!");  
		//	        return false; 
		//	}
		//	var row = jQuery("#gridTable").jqGrid('getRowData',epids);//获取选中行.
		//	var flowstate = row.LIUCHENGSTATE;
		//	}else if(flowstate == "已批准"){
		//		alert("供应商审核流程已批准!");  
		//	    return false; 
		//	}
		//	var id = row.ID;//获取选中行的id属性.
			$.dialog({
		        title: '入库申请',
		        content: 'url:<%=request.getContextPath() %>/equipmentParts!flowStart.action?flowid=2363&stateid=rksq&epids='+epids,
		        okVal: false,//确定按钮文字
		        cancelVal: false,//取消按钮文字
		        min: true, //是否显示最小化按钮
		        max: false,//是否显示最大化按钮
		        fixed: false,//开启静止定位
		        lock: true,//开启锁屏
		        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
		        time: null,//设置对话框显示时间
		        resize: true,//是否允许用户调节尺寸
		        drag: true,//是否允许用户拖动位置
		        cache: false,//是否缓存iframe方式加载的窗口内容页
		        scrollbar:"yes",
		        width: '930px',
		        height: 600,
		        close: function(){
	        	gridSearch();
		    }
			});
		}


		/**
		 * 出库按钮  ---国伟
		 */		
	 function chuku(){ 
		 	
			var ids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
			if (!ids) {
			    alert("请选择出库备件!");  
			    return false;  
			}		
			//获取选中行的id属性.  // 多个 逗号 隔开的 id   0814 -选择的备件信息能通过其他方式获得-字符
			var toUrl = '<%=request.getContextPath() %>/equipmentpartsout!querySelectedEquipment.action?flowid=2447&equipmentid='+ids;  
			$.dialog({
		        title: '备件出库流程',
		        content: 'url:'+ toUrl,  //显示内容
		        okVal: false,//确定按钮文字
		        cancelVal: false,//取消按钮文字
		        min: true, //是否显示最小化按钮
		        max: false,//是否显示最大化按钮
		        fixed: false,//开启静止定位
		        lock: true,//开启锁屏
		        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
		        time: null,//设置对话框显示时间
		        resize: false,//是否允许用户调节尺寸
		        drag: false,//是否允许用户拖动位置
		        cache: false,//是否缓存iframe方式加载的窗口内容页
		        width: '880px',
		        height:  '650px'
			});
		}
		//添加备件信息
		function addE(){
			$.dialog({
			        title: '设备备件信息添加',
			        content: 'url:'+ '<%=request.getContextPath() %>/view/equipmentparts_add.jsp',
			        okVal: false,//确定按钮文字
			        cancelVal: false,//取消按钮文字
			        min: true, //是否显示最小化按钮
			        max: false,//是否显示最大化按钮
			        fixed: false,//开启静止定位
			        lock: true,//开启锁屏
			        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
			        time: null,//设置对话框显示时间
			        resize: true,//是否允许用户调节尺寸
			        drag: true,//是否允许用户拖动位置
			        cache: false,//是否缓存iframe方式加载的窗口内容页
			        width: '900px',
			        stack:true,
			        zIndex: 2585,
			        closeOnEscape:true, 
			        width: '930px',
			        height: 630,
			        close: function(){
	        	       gridSearch();
		             }
				});
		}
		//导入
		function impExcel(){
			var type="equipmentParts!importExcelData.action";
 			var sURL="equipmentparts_import.jsp?type="+type;
 	   		window.showModalDialog(sURL,"","dialogWidth=430px;dialogHeight=150px;dialogLeft:400xp;dialogTop:15xp");
 	   	    location.reload();
		}
			      
	</script>	
	</head>
	<body>
	<form action="" method="post" id="form1">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
		   		<td>
			 		<table width="100%" border="0" cellspacing="0" cellpadding="0" class="font12Black_B">
			   		<tr>
			        	<td width="8%" height="35" align="right">备件名称：</td>
			        	<td width="12%"><input type="text" name="epName" id="epName" class="search_InputText" style="width:99%;"/></td>
			        	
			       		<td width="8%" height="35" align="right">备件代码：</td>
			       	    <td width="12%"><input type="text" name="epCode" id="epCode"  class="search_InputText" style="width:99%;" /></td>
                        <td width="8%" height="35" align="right">生成采购明细：</td>
			        	<td width="12%">
			        		<select id="choose" class='fselect' name="choose"  style="width:124px;"  class='search_InputText'  >
			 			      <option value="">否</option>
			 			      <option value="1">是</option>

			 			    </select>
			        	</td>
			       	 	<td width="15%" align="center"><input type="button" name="button" id="button" value="查询" onclick="gridSearch()" class="search_Btn" />
			      			&nbsp;<input type="reset" name="button2" id="button2" value="清空" onclick="reset()" class="search_Btn" />
			      		</td>
			      	</tr>
			      </table>
			    
		  		</td>
		 	  </tr>
		      <tr>
                <td align="right" height="9" class="sclinebotBg"></td>
	          </tr>
		      <tr>
			    <td width="92%" align="right"><div class="btnStatus" id="flip"></div></td>
			    <td width="8%">&nbsp;</td>
			  </tr>
			</table>
			<table style="width: 100%;" class="tableCont">
			  	<tr>
					<td height="25" valign="top">
		         	<!--
					<input id="update" type='button' value='修 改' onclick='updateE()' class='button_b' />
					<input id="delete" type='button' value='删 除' onclick='deleteE()' class='button_b' />
					
					
					-->
					<input id="add"    type='button' value='添 加' onclick="addE()" class='button_b' />
					<input id="update" type='button' value='修 改' onclick='updateEP()' class='button_b' />
					<input id="search" type='button' value='查 看' onclick='chakan()' class='button_b' />
					<input id="update_ruku" type='button' value='入 库' onclick='ruku()' class='button_b' />
					<input id="update_chuku" type='button' value='出 库' onclick='chuku()' class='button_b' />
					<input id="exportE" type='button' value='导 出' onclick='expExcel()' class='button_b' />
					<input id="importE" type='button' value='导 入' onclick='impExcel()' class='button_b' />
				    
				
				</td>
				</tr>
				<tr>
					<td colspan="4" style="padding-top:8px;">
						<table id="gridTable"></table>
						<div id="gridPager"></div>
					</td>
				</tr>
		   </table>
	</form>
	</body>
</html>
